<template>
  <div class="flex flex-col w-[245px] h-[120px] bg-gray-200 p-2 gap-1 rounded-md text-gray-600 items-center">
    <span class="text-sm">{{title}}</span>
    <div>
      <span class="font-bold text-[30px]">{{ count }}</span>
    </div>
    <span class="text-sm mt-2"></span>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';

interface Props {
  count: number;
  title: string;
  increasePercentage: number;
}

const props = defineProps<Props>();
</script>
